<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Document</title>
    <link rel="stylesheet" href="../../layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../css/public/base.css">
    <link rel="stylesheet" href="../../css/public/nav_two.css">
    <link rel="stylesheet" href="../../css/assets/MemberManagement.css">
    <script src="../../js/public/jquery-3.3.1.js"></script>
</head>
<style>
    .nav_two .left>ul>li:nth-of-type(4) {
        background-color: #e5f1fc;
    }
</style>

<body>
    <!-- <div class="priceManagement"> -->
    <form class="layui-form" action="">
        <div class="main">
            <div class="left">
                <div class='nav_two'>
                    <div class="left">
                      <ul>
                          <li><div><span class="circle"></span><a href="../Assets/statistics.html"></a>资产统计</div></li>
                          <li><div><span class="circle"></span><a href="../Assets/getMoney.html"></a>收款卡号管理</div></li>
                          <li><div><span class="circle"></span><a href="../Assets/usdt.html"></a>USDT地址</div></li>
                          <li><div><span class="circle"></span><a href="../Assets/System.html"></a>系统拨比</div></li>
                          <li><div><span class="circle"></span><a href="../Assets/statistics_xi.html"></a>资金明细</div></li>
                    </ul>
                    </div>
                </div>
            </div>
            <div class="right">
                <div class="top">
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label" style="font-size:16px;">时间：</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" id="test4" placeholder="请选择…" style="font-size: 14px">
                            </div>
                        </div>
                        <div class="layui-inline" style="float: right">
                            <button class="layui-btn btnStyle2" lay-submit="" lay-filter="demo1">重置</button>
                        </div>
                        <div class="layui-inline" style="float: right">
                            <button class="layui-btn btnStyle" lay-submit="" lay-filter="demo1">查询</button>
                        </div>

                        <!-- <div class="layui-inline open-w">
                                展开
                                <i class="layui-icon layui-icon-down"></i>
                            </div> -->
                    </div>
                </div>
                <div class="button">
                    <table class="layui-table" id="demo" lay-filter="test"></table>
                </div>
            </div>
        </div>
    </form>
    <!-- </div> -->
    <script src="../../layui/layui.js"></script>
    <script src='../../js/assets/assets.js'></script>
    <script>
        layui.use('element', function () {
            var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

            //监听导航点击
            element.on('nav(demo)', function (elem) {
                //console.log(elem)
                layer.msg(elem.text());
            });
        });
    </script>
    <script>
        layui.use('form', function () { })

        layui.use('table', function () {
            var table = layui.table;

            table.render({
                elem: '#demo'
                , skin: 'nob'
                , page: true
                , cols: [[
                    { type: 'checkbox', minWidth: 80 ,unresize:true}
                    , { field: 'id', title: 'ID', minWidth: 60, unresize: true }
                    , { field: 'time', title: '时间', minWidth: 100, unresize: true }
                    , { field: 'moneyIn', title: '总收入', minWidth: 80, unresize: true }
                    , { field: 'moneyOut', title: '总支出', minWidth: 80, unresize: true }
                    , { field: 'proportion', title: '比例', minWidth: 60, unresize: true }
                ]]
                , data: [{
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }, {
                    "id": "01"
                    , "time": '2018.01.01 18:00:00'
                    , 'moneyIn': "10000.0"
                    , "rank": "10000.0"
                    , "moneyOut": "10000.0"
                    , "proportion": "50%"
                }]
            });
        });

        layui.use(['laypage', 'layer', 'laydate'], function () {
            var laypage = layui.laypage
                , layer = layui.layer
                , laydate = layui.laydate
            // laypage.render({
            //     elem: 'demo3'
            //     , prev: '<em><</em>'
            //     , next: '<em>></em>'
            //     , count: 100
            //     , layout: ['limit', 'skip', 'prev', 'page', 'next']
            //     , jump: function (obj) {
            //         console.log(obj)
            //     }
            // });

            laydate.render({
                elem: '#test4',
                type: 'datetime',
                format: 'yyyy-MM-dd HH:mm:ss', //自定义格式化
                trigger: 'click',//采用click弹出
                theme: '#2d528f',
            });
        })
    </script>
</body>

</html>